{:runhook('system_admin_index')}
<div v-cloak id="app" class="main-content">
    <el-row :gutter="20">
        <el-col span="6" v-if="postInfo.data">
            <el-card shadow="hover">
                <div class="title post-title">{{ postInfo.data.title }}</div>
                <div class="conetne" v-html="postInfo.data.content"></div>
            </el-card>
        </el-col>
        <el-col span="6">
            <el-card shadow="hover">
                <div class="title">系统版本</div>
                <div class="conetne">{:config('one.version')}</div>
            </el-card>
        </el-col>
        <el-col span="6">
            <el-card shadow="hover">
                <div class="title">服务器环境</div>
                <div class="conetne">
                    {$Think.const.PHP_OS} / {$_SERVER["SERVER_SOFTWARE"]}
                </div>
            </el-card>
        </el-col>
        <el-col span="6">
            <el-card shadow="hover">
                <div class="title">PHP/MySql版本</div>
                <div class="conetne">
                    {$Think.const.PHP_VERSION} / MySql {:db()->query('select
                    version() as version')[0]['version']}
                </div>
            </el-card>
        </el-col>
    </el-row>
</div>
{include file='common@components/one-tabs'}
<script src="__STATIC__/js/icon.js?v=1.0.0"></script>
<script>
    let _postInfo = {:json_encode($public, JSON_UNESCAPED_SLASHES)};
        new Vue({
            el: '#app',
            data() {
                return {
                	postInfo: _postInfo,
                    pagination: {
                        totalRows: 0, //总条数
                        pageSize: 100, //每页显示条数
                        pageNumber: 1
                    },
                    tabData: {
                        current: 'element',
                        column: [{
                            'label': 'elementUI(' + _oneIcons.element.length + ')',
                            'name': 'element',
                        }, {
                            'label': 'Material Design Icons(' + _oneIcons.mdi.length + ')',
                            'name': 'mdi',
                        }]
                    },
                    showData: [],
                }
            },
            created() {
                // this.total=this.icons.mdi.length
            },
            mounted: function () {
                this.$nextTick(function () {

                })
            },
            methods: {

            }
        })
</script>
<style>
    .title {
        color: #009900;
    }
    .conetne {
        margin-top: 20px;
    }

    .main-content {
        overflow: hidden;
    }

    .post-info {
        margin-top: 10px;
    }

    .post-title {
        color: #ff0000;
        font-weight: bold;
    }
</style>
